<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="it-IT">
<head profile="http://gmpg.org/xfn/11">
	<title>SocialSearch</title>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<link type="text/css" rel="stylesheet" href="http://jqueryui.com/themes/base/ui.all.css" />
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<link rel="stylesheet" type="text/css" href="css/results.css" />	
	
	<script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js'></script>
	<script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.js'></script>
	<script type="text/javascript" src='js/jquery.cookie.js'></script>
	<script type="text/javascript" src='js/css2xpath.js'></script>	
	<script type="text/javascript" src='js/script.js'></script>
	<script>
	$(document).ready(function(){
		$('#switcher').themeswitcher();
	});
	</script>
</head>
<body>

<div class="ui-widget-overlay">&nbsp;</div>

<script type="text/javascript" src="http://jqueryui.com/themeroller/themeswitchertool/"></script>

<div id="switcher" class="ui-dialog"></div>

<div id="wrapper" class="ui-widget ui-widget-content ui-corner-all ui-dialog">	
	<div id="header" class="ui-widget-header ui-corner-all">
		<p id="logo">SocialSearch</p>
		<ul id="sources">
			<li><a href=''>Flickr</a></li>
			<li><a href=''>Delicious</a></li>			
			<li><a href=''>Twitter</a></li>						
			<li><a href=''>Slideshare</a></li>									
		</ul>
	</div> <!-- /header -->
	<div id="search-box"><p>Trova <input autocomplete="off" id="search-query" type="text" name="find" value=""/></p></div>	
	<div id="content" class="ui-helper-clearfix" >

			<div class='column first'>
				<div id="flickr1" class="source ui-widget ui-widget-content ui-corner-all">
					<div class="source-in">
						<div class='source-header ui-widget-header ui-corner-all'><span class="title">Flickr Prova 1</span></div>
						<div class='source-content'>&nbsp;</div>
					</div>
				</div>
			</div>	

			<div class='column'>
				<div id="flickr2" class="source ui-widget ui-widget-content ui-corner-all">
					<div class="source-in">
						<div class='source-header ui-widget-header ui-corner-all'><span class="title">Flickr Prova 2</span></div>
						<div class='source-content'>&nbsp;</div>
					</div>
				</div>
			</div>			

			<div class='column last'>
				<div id="flickr3" class="source ui-widget ui-widget-content ui-corner-all">
					<div class="source-in">
						<div class='source-header ui-widget-header ui-corner-all'><span class="title">Flickr Prova 3</span></div>
						<div class='source-content'>&nbsp;</div>
					</div>
				</div>
			</div>						
		
		<div id="footer">&nbsp;</div> <!-- /footer -->		
	</div> <!-- /content -->
</div> <!-- /wrapper -->

</body>
</html>